<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			.top{
				width: 100%;
				height: 100px;
				background-color: red;
			}
			.tip{
				height: 40px;
				width: 100%;
				background-color: fuchsia;
			}
			.center{
				
				width:100%;
				height: 475px;
				background-color: blue
			}
			.bottom{
				width: 100%;
				height: 100px;
				background-color: darkgoldenrod;
			}
			#right{
				/*相对定位*/
				position: relative;
				left: 950px;
				top: 10px;
				width: 350px;
				height: 400px;
				background-color: #ffffff;
			
			}
			
		</style>
		
	</head>
	<body>
		<!--头部-->
		<div class="top"></div>
		<!--中间提示-->
		<div class="tip"></div>
		<!--中间展现-->
		<div class="center">
				<div id="right"></div>
		</div>
		<!--底部-->
		<div class="bottom"></div>
	</body>
</html>
